<template>
  <div class="msite-advertise">
    <van-swipe class="my-swipe">
      <van-swipe-item v-for="item in listData" :key="item.id">
        <img :src="item.imgSrc" style="width: 100%; height:100%;" alt="">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
// import { Toast } from 'vant';
export default {
  name: 'msite-advertise',
  props: {
    listData: Array
  },
  data() {
    return {

    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.msite-advertise {
  .my-swipe {
    width: 96%;
    height: $height*2;
    margin: 10px auto;
    background-color: $color;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    .my-swipe .van-swipe-item {
      color: #fff;
      font-size: 20px;
      line-height: 150px;
      text-align: center;
      background-color: #39a9ed;
    }
    .van-swipe /deep/ {
      .van-swipe__track {
        .van-swipe-item {
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}
</style>